﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>WeatherApp</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- WeatherApp references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="js/sha1Generator.js"></script>
     <script src="js/UI.js"></script>
    <script src="js/events.js"></script>
    <script src="/js/default.js"></script>
</head>
<body>
    <div id="wrapper">
        <div id="notLoggedContent">
             <span id="showLogin">LOGIN</span> <span id="showRegister">REGISTER</span>
             <div id="loginForm">
                 <h1>Login</h1>
                 <input type="text" placeholder="Type your username here..." id="username"/><br />
                 <input type="password" placeholder="Type your password here..." id="password"/><br />
                 <button id="btnLogin">Login</button>
             </div>
             <div id="registerForm">
                 <h1>Register</h1>
                 <input type="text" placeholder="Username" id="regUsername"/><br />
                 <input type="text" placeholder="Full name" id="fullName"/><br />
                 <input type="password" placeholder="Password" id="regPassword" /><br />
                 <button id="btnRegister">Register</button>
             </div>
            <div id="errorMessage"></div>
        </div>
        <div id="loggedContent">
            <button id="btnLogout">Logout</button>
        </div>
    </div>
</body>
</html>
